@import '~/assets/style/mixin.less';

.menu {
  display: flex;
  align-items: center;
  // font-size: 14px;
  line-height: 20px;

  &-item {
    display: block;
    position: relative;
    padding: 0 8px;
    color: @color-concrete;

    &:hover,  &__actived {
      color: @color-default;
    }
    &:before {
      position: absolute;
      left: 0;
      top: 3px;
      bottom: 3px;
      width: 1px;
      background-color: @color-concrete;
      content: ' ';
    }
    &:first-child {
      &:before {
        padding-left: 0;
        width: 0;
      }
    }
  }
}
